@charset "utf-8";
/* CSS Document */

@import url('reset.css');

body {
	background-color:#999;
    margin:20px;
}

#container {
	width:100%;
	height:100%;
	background-color:#999;
}

#wrapper {
	width:800px;
	background-color:#CCC;
	position:relative;
	margin:auto;
	padding:20px;
}

#main {
	background-color:#FFF;
	padding:8px;
	min-height:450px;
}

#banner .topLink {
	float:right;
	padding-right:20px;
	list-style-type:none;
	text-align:right;
}
#banner .topLink ul {
	text-align:right;
}
#banner .topLink ul li {
	display:inline;
	padding-right:20px;
}
#banner .topLink a {
	color:#39F;
	text-decoration:none;
}
#banner .topLink a:hover {
	color:#FFF;
}

.welcome {
	float:right;
	padding:10px;
}
.welcome a {
	color:#39F;
	text-decoration:none;
}
.welcome a:hover {
	color:#FFF;
}

#menu {
	background : transparent;
	width: 800px;
	height : 77px;
	list-style : none;
	margin-top : 7px;
	margin-bottom : 11px;
	width : 100%;
}
ul.nav {
	background : transparent;
	width: 800px;
	height : 57px;
	line-height : 31px;
	list-style : none;
	padding : 0 10px;
	font-size : 14px;
}
ul.nav li {
	display : inline;
	padding : 0;
	background : transparent;
}
ul.nav a {
	background : transparent;
	height : 30px;
	font-size : 16px;
	color : #808080;
	float : left;
	padding : 11px 19px 11px 16px;
	text-decoration : none;
	border-top: 1px solid #252525;
	border-bottom : 4px solid #252525;
	border-left : 1px solid transparent;
	border-right : 1px solid transparent;\
	border-radius : 4px;
	-moz-border-radius : 4px;-webkit-border-radius: 4px;
}
ul.nav a:hover {
	background : #252525;
	border-top : 1px solid #252525;
	border-bottom : 4px solid #000;
	border-left : 1px solid #252525;
	border-right : 1px solid #252525;
	color : #FFF;
	padding : 11px 19px 11px 16px;
	border-radius : 4px;
	-moz-border-radius : 4px;
	-webkit-border-radius: 4px;
}
#menu ul li span {
	float:right;
	display:inline;
	padding : 11px 19px 11px 16px;
}

#footer {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #666;
	color:#666;
	font-size:10px;
	padding-bottom:5px;
}

#sideBar {
	width:160px;
	float:right;
	position:relative;
}
#sideBar span{
	float:right;
	position:fixed;
	clear:both;
	width:150px;
	border:1px ridge #000;
	margin:0 0 1em 0;
}
#sideBar span h3 {
	text-align:center;
	background-color:#09F;
	padding:0;
}
#sideBar span p {
	padding:5px;
}

#UserShoppingCart{
	display:inline;
	margin:10px;
	margin-bottom:0;
	font-weight:bold;
}
#UserShoppingCart ul li span {
	float:right;
	display:inline;
}
#UserShoppingCart ul {
	list-style:none;
}
#UserShoppingCart ul li {
	display:inline;
	border:1px solid #666;
	margin:0.2em;
	padding:0.3em;
	padding-bottom:0;
}

/* ---- REGISTER.HTML ---- */
#login {
	padding-bottom:200px;
}
#login h2 {
	font-weight:bold;
	margin-bottom:8px;
}
#login label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#login input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}
#login button{
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background:#666666 url(../img/button.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

#register {
	width:400px;
	padding-left:10px;
	padding-bottom:10px;
}
#register h2 {
	font-weight:bold;
	margin-bottom:20px;
}
#register label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#register .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#register input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}
#register select {
	float:left;
	font-size:12px;
	padding:4px 2px;
	margin:2px 0 20px 10px;
}
#register button{
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background:#666666 url(../img/button.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

/* ---- HOME.HTML ---- */
#slideShow {
	border:1px solid #99C;
	padding:5px;
}
#sideSlideShow {
	float:right;
	width:150px;
}
#sideSlideShow ul {
	list-style:none;
}
#sideSlideShow ul li {
	padding:20px 10px 20px 10px;
	margin:15px;
	border:1px solid #000;
}

/* ---- USERPROFILE.HTML ---- */
#registerUpdate {
	width: 450px;
	padding-left:10px;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}
#registerUpdate h3 {
	text-align:center;
	font-weight:bold;
	margin-bottom:20px;
}
#registerUpdate label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
	padding-top:6px;
}
#registerUpdate input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}
#registerUpdate select {
	float:left;
	font-size:12px;
	padding:4px 2px;
	margin:2px 0 20px 10px;
}
#registerUpdate button{
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background:#666666 url(../img/button.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

/* ---- CHANGEPASSWORD.HTML ---- */
#changePass {
	padding-top:55px;
}
#changePass a {
	text-decoration:none;
}

.table {
	margin-left:auto;
	margin-right:auto;
}
.table .tableHeader {
	border-bottom:2px solid #000;
	padding:3px;
}
.table .tableContent {
	border-bottom:1px solid #000;
	padding:3px;
}
.table a {
	text-decoration:none;
}

.box {
	width:500px;
	padding:5px;
	margin:5px 10px 0 10px;
	border:2px groove #000;
	background:#999;
	position:static;
}
.box span {
	padding:3px;
	margin:auto 5px auto 1px;
}

/* ---- USER ----*/
.verticalNav {
	float:left;
	border:1px solid #000;
	width:130px;
	margin:10px 10px 10px 3px;
}
.verticalNav h3 {
	background-color:#096;
	text-align:center;
}
.verticalNav ul {	
	list-style-type:none;
}
.verticalNav ul li {
	list-style-position:inherit;
	border-bottom:1px dashed #000;
}
.verticalNav ul li a {
	text-decoration:none;
}
.verticalNav ul li a:hover {
	color:#06F;
}

#iframe {
	margin-left:140px;
}

/* ---- NEWS.HTML ---- */
#news {
	padding:5px 10px 5px 10px;
}
#newsBox {
	margin:10px 5px;
	padding:0 5px 0 5px;
	background-color:#CCC;
}
#newsBox a {
	text-decoration:none;
}
#newsBox a:hover {
	text-decoration:underline;
}

/* ---- FAQ.HTML ---- */
#FAQ {	
	padding:5px 10px 5px 10px;
}
.FAQContentBig {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #333;
	background-color: #99CCFF;
	padding: 8px;
}
.FAQContentBig a {
	text-decoration:none;
}
.FAQContentSmall {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid black;
	background-color: #CCCCCC;
	display: none;
	padding: 8px;
}